﻿#trans-nav { background: #fff; color: #aa0000; padding: 3px; -webkit-transition: all 1s linear; }
#trans-nav:hover { background: #e7870d; color: #e7870d; }
#trans-nav{width:1000px;
      height:30px;}
#trans-nav { list-style-type: none; height: 40px; padding: 0; margin: 0; }
#trans-nav { list-style-type: none; height: 40px; padding: 0; margin: 0; }
#trans-nav li { width:142px; float: left; position: relative; padding: 0; line-height: 40px; background: #f99e34 url(nav-bg.png) repeat-x 0 0; }
#trans-nav li:hover { background-position: 0 -40px;background: #f6920e; }
#trans-nav li a { display: block; padding: 0 15px; color: #fff; text-decoration: none; }
#trans-nav li a:hover { color: #a3f1d7; }
#trans-nav li ul { opacity: 0; position: absolute; left: 0; width: 9.5em; background: #63867f; list-style-type: none; padding: 0; margin: 0; }
#trans-nav li:hover ul { opacity: 1; }
#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
#trans-nav li:hover ul li { height: 30px; line-height: 30px; }
#trans-nav li ul li a { background: #f99e34; }
#trans-nav li ul li a:hover { background: #f2810d; }

#trans-nav li { -webkit-transition: all 0.2s; }
#trans-nav li a { -webkit-transition: all 0.5s; }
#trans-nav li ul { -webkit-transition: all 1s; }
#trans-nav li ul li { -webkit-transition: height 0.5s; }

.bogoc{
-webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        font-size:1.7em;
        line-height:27px;
        text-align:center;
        font-style:normal;
        padding-top:3px;
        margin:5px 0 0 0;
        }

.shadow
{
            font-size:1.7em;
        line-height:27px;
        text-align:center;
        font-style:normal;
        padding-top:3px;
        margin:5px 0 0 0;
    -webkit-border-radius: 8px 8px 8px 8px;
        border-radius: 8px 8px 8px 8px;
-webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.4);
        
        box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.4);}